<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>登录窗口</title>
    <link rel="stylesheet" type="text/css" media="screen"
          href="${pageContext.request.contextPath}/resources/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" media="screen"
          href="${pageContext.request.contextPath}/resources/css/login.css">
</head>
<body>
<div class="container">
    <div class="row" style="margin-top: 80px">
        <div class="col-md-4 col-md-offset-4">
            <div class="panel panel-primary">
                <div class="panel-heading" id="headline">
                    <span>登录</span>
                </div>
                <div class="panel-body">
                    <form action="${pageContext.request.contextPath}/login" method="post">
                        <div class="form-group">
                            <label for="username">用户名</label> <input type="text"
                                                                        class="form-control" name="username"
                                                                        placeholder="请输入用户名">
                        </div>
                        <div class="form-group">
                            <label for="password">密码</label> <input type="password"
                                                                      class="form-control" name="password"
                                                                      placeholder="请输入密码"
                                                                      value="">
                        </div>
                        <div class="form-inline text-right" style="display: flex;justify-content: space-between">
                            <div class="role-checkbox" style="display: flex">
                                <label for="reader">
                                    <input id="reader" type="radio" name="role" value="0">
                                    <span>读者</span>
                                </label>
                                <label for="staff">
                                    <input id="staff" type="radio" name="role" value="1">
                                    <span>员工</span>
                                </label>
                                <label for="admin">
                                    <input id="admin" type="radio" name="role" value="2">
                                    <span>管理员</span>
                                </label>
                            </div>

                            <div style="">
                                <button type="submit" class="btn btn-primary">登录</button>
                                <button type="button" class="btn btn-primary" onclick="window.location.href='${pageContext.request.contextPath}/registerEntry'">注册</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>

    </div>

</div>
</body>
</html>